<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui">    
    <h:form id="formMenu">
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image" style="text-align: center;">
                    <p:graphicImage url="/templates/img/avatar3.png" class="img-circle"/>
                </div>
                <div class="pull-left info">
                    <p>Hola, <h:outputLabel id="nick" value="#{userSession.nick}"/></p>
                    <i class="fa fa-circle text-success"></i> En línea
                </div>
            </div>
            <!-- search form -->
            <form action="#" method="get" class="sidebar-form">
                <div class="input-group">
                    <input type="text" name="q" class="form-control" placeholder="Buscar..."/>
                    <span class="input-group-btn">
                        <button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
                    </span>
                </div>
            </form>
            <!-- /.search form -->
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li class="active">
                    <a href="#{request.contextPath}/pages/admin/homeAdmin.xhtml">
                        <i class="fa fa-home"></i> <span>Inicio</span>
                    </a>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-bar-chart-o"></i>
                        <span>Administración</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#{request.contextPath}/pages/admin/clientes.xhtml" ><i class="fa fa-angle-double-right"></i> Clientes</a></li>
                        <li><a href="#{request.contextPath}/pages/admin/registroPrestamo.xhtml"><i class="fa fa-angle-double-right"></i> Registro Prestamo</a></li>
                        <li><a href="#{request.contextPath}/pages/admin/registroDevolucion.xhtml"><i class="fa fa-angle-double-right"></i> Registro Devolución</a></li>
                    </ul>
                </li>                              
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-table"></i> 
                        <span>Catálogos</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#{request.contextPath}/pages/admin/catalogoActor.xhtml"><i class="fa fa-angle-double-right"></i> Actor</a></li>
                        <li><a href="#{request.contextPath}/pages/admin/catalogoDirector.xhtml"><i class="fa fa-angle-double-right"></i> Director</a></li>
                        <li><a href="#{request.contextPath}/pages/admin/catalogoPelicula.xhtml"><i class="fa fa-angle-double-right"></i> Película</a></li>
                    </ul>
                </li>  
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-print"></i>
                        <span>Reportes</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#{request.contextPath}/pages/admin/prestamos.xhtml"><i class="fa fa-angle-double-right"></i> Prestamos</a></li>
                        <li><a href="#{request.contextPath}/pages/admin/clientes.xhtml"><i class="fa fa-angle-double-right"></i> Películas</a></li>
                    </ul>
                </li>  
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-key"></i>
                        <span>Seguridad</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#{request.contextPath}/pages/admin/usuarios.xhtml"><i class="fa fa-users"></i> Usuarios</a></li>
                    </ul>
                </li>  
            </ul>
        </section>
    </h:form>
</ui:composition>

